<template>
  <div class="container">
    <div class="chanpin">
      <div class="text text1">新用户扫描车辆二维码后，需要绑定保修卡才能成为车主</div>
      <img class="login-img marginBottom" src="../../../assets/Applet/bxk1.png" alt="">
      <div class="wire"></div>

      <div class="text text1">点击成为车主，或者在服务页面点击保修卡，进入绑定保修卡列表。点击添加保修卡后会提示选择购车方式：如果为线上商城购买则选择线上商城，如果是门店直接付款提车的，选择线下门店</div>
      <img class="login-img marginBottom" src="../../../assets/Applet/bxk2.png" alt="">
      <div class="wire"></div>



      <div class="text ">如果是线上商城，系统会自动填写门店信息，如果是门店购车，则需要扫面门店二维码来绑定门店信息；填写完整车辆信息后提交即可保存保修卡</div>
      <img class="login-img marginBottom" src="../../../assets/Applet/bxk3.png" alt="">
    </div>
  </div>
</template>
<script>
import { Toast} from 'vant'
export default {
  components:{
    [Toast.name]:Toast
  },
  data(){
    return{

    }
  },
  mounted(){
    Toast.loading({duration:1000,mask: false,message: '加载中...'});

  },
  methods:{


  }
}
</script>

<style scoped lang="scss">
.marginBottom{
  margin-bottom:20px;
}
.container{
  width:100%;
  height:100%;
  text-align: left;
}
.title{
  padding-left:20px;
  font-size:17px;
  font-weight:500;
  line-height: 73px;
  color:#333;
}
.login-img{
  width:322px;
  // height:285px;
  margin-left:20px;
}
.text{
  padding:0 20px;
  font-size:13px;
  line-height: 23px;
  color:#666;
}
.text1{
  margin-top:20px;
  margin-bottom:20px;
}
.wire{
  width:100%;
  height:8px;
  background:#f3f3f3;
}
</style>